<template>
  <div class="tmpl">
    <h1>Baz</h1>
    <h1>111111111111</h1>
    <slot name="header" :user111="user">{{ user.name }}</slot>
    <slot>啦啦啦我这里什么都没有写哦</slot>
    <slot name="footer" :test111="test">{{ test.school }}</slot>
  </div>
</template>

<script>
export default {
  name: 'Baz',
  data () {
    return {
      user: {
        name: '李四',
        age: 15
      },
      test: {
        school: '中山大学',
        adress: '海珠区'
      }
    }
  }
}
</script>

<style scoped>
h1 {
  font-weight: normal;
}
.tmpl {
  border: 1px solid #333;
  padding: 30px;
  margin-top: 30px;
}
</style>